<template>
  <div class="login-container flx-center">
    <div
      class="absolute left-120px top-1/2 flex flex-col justify-center items-center"
      style="transform: translateY(-50%)"
    >
      <!-- <h1 class="text-[#fff] p-20px text-30px">静美集团业务中台</h1> -->
      <div class="w-300px mb-10px">
        <img
          src="@/assets/images/logo_title.jpg"
          class="h-full"
          alt=""
          srcset=""
        />
      </div>
      <div id="self_defined_element" class="flex justify-center"></div>
    </div>
  </div>
</template>

<script setup name="login">
import { useRouter } from 'vue-router'
import { useDingtalkLogin } from './hook'
const router = useRouter()

useDingtalkLogin(router)
</script>

<style scoped lang="scss">
@import './index.scss';
</style>
